.track-vertical {
  position: absolute;
  right: 0;
  width: 8px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.5s;
  border-radius: 4px;
}
.track-horizontal{
  position: absolute;
  bottom: 0;
  height: 8px;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.5s;
  border-radius: 4px;
}
.thumb-horizontal{
  height: 100%;
}
.thumb-vertical,
.thumb-horizontal {
  background: rgba(0, 0, 0, 0.4);
  transition: background 0.5s;
  border-radius: 4px;
}
.track-vertical:hover,
.track-vertical:active,
.track-horizontal:hover,
.track-horizontal:active {
  background: rgba(0, 0, 0, 0.4);
  opacity: 1 !important;
}
.track-vertical:hover > .thumb-vertical,
.track-vertical:active > .thumb-vertical,
.track-horizontal:hover > .thumb-horizontal,
.track-horizontal:active > .thumb-horizontal {
  background: rgba(0, 0, 0, 0.6);
  opacity: 1 !important;
}
